#swiper_2 .swiper-slide:hover .case-slide-content {
  transform: translateY(0);
}
.news-detail-right .news-detail-right-btm .news-detail-right-btm-list img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
}
@media screen and (max-width: 1400px) {
  .declare .declare-up-max-left .declare-up-max-left-top-one {
    font-size: 28px;
  }
  .declare .declare-up-max-left .declare-up-max-left-botemm-two {
    font-size: 40px;
  }
  .declare .declare-up-max-right .declare-up-max-right-one .num {
    font-size: 70px;
  }
  .declare .declare-up-max-right .declare-up-max-right-one .desc {
    font-size: 20px;
  }
  .viode-totie-right {
    font-size: 36px;
  }
  .case .swiper-slide .case-slide-content .case-slide-content-title {
    font-size: 25px;
  }
  .case .swiper-slide .case-slide-content .case-slide-content-text {
    line-height: 26px;
  }
  .company-val .val-btm .val-btm-item .val-btm-item-item-1 {
    font-size: 26px;
  }
  .case-box .case-text {
    font-size: 38px !important;
    margin: 8px 0 !important;
  }
  .case-box .case-title {
    font-size: 24px !important;
  }
  .concant-content .contact-wrapper .contact-box {
    padding: 70px 60px 0;
  }
  .case .swiper-slide .case-slide-content {
    height: 346px;
    padding: 40px 20px 0;
    transform: translateY(346px);
  }
}

@media screen and (max-width: 1200px) {
  pre.footer-fl {
    flex-shrink: 1;
  }
  .cooperation-about .us-center {
    line-height: 20px;
    font-size: 14px;
  }
  .advantage-list-max-left {
    height: 220px;
  }
  .advantage-list-max-left-up-title {
    font-size: 24px;
  }
  .case .swiper-slide .case-slide-content .case-slide-content-title {
    font-size: 20px;
    line-height: 26px;
  }
  .case .swiper-slide .case-slide-content .case-slide-content-text {
    line-height: 26px;
    font-size: 16px;
    max-height: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  .case .swiper-slide .case-slide-content .case-slide-img {
    width: 30px;
    height: 30px;
  }
  .footer-left {
    width: 66%;
  }
  .footer-right {
    width: 30%;
  }
  .company-val .val-btm .val-btm-item .val-btm-item-item-1 {
    font-size: 20px;
  }
  .dynamic-swiper .news-dynamic-context .news-title {
    font-size: 20px;
  }
  .dynamic-swiper .news-dynamic-context .news-content {
    line-height: 25px;
  }
  .team-content .team-content-item .team-content-item-title {
    font-size: 20px;
  }
  .concant-content .contact-wrapper .contact-box h3 {
    font-size: 28px;
  }
  .concant-content .contact-wrapper .contact-box > p {
    margin: 20px 0 35px;
    line-height: 26px;
  }
  .news-detail-left .news-detail-left-top h3 {
    font-size: 20px;
  }
  .news-detail-left .news-detail-left-top p {
    font-size: 18px;
  }
  .news-detail-right .news-detail-right-top-title span {
    font-size: 20px;
  }
  .news-detail-right
    .news-detail-right-btm
    .news-detail-right-btm-list
    .item
    .item-title {
    font-size: 18px;
    line-height: 24px;
  }
  .news-detail-right {
    width: 38%;
  }
  .case .swiper-slide .case-slide-content {
    height: 300px;
    padding: 20px 20px 0;
    transform: translateY(300px);
  }
}
@media screen and (max-width: 992px) {
  .cooperation-about .us-top-one {
    font-size: 14px;
  }
  .cooperation-about .us-top-two {
    font-size: 16px;
  }
  .cooperation-about .us-top-right {
    font-size: 14px;
  }
  .cooperation-about .us-center {
    line-height: 14px;
    font-size: 14px;
  }
  .advantage-list-max-left-up-title {
    font-size: 20px;
  }
  .advantage-list-max-left {
    padding: 27px 20px;
    height: 250px;
  }
  .case .swiper-slide .case-slide-content .case-slide-content-title {
    font-size: 18px;
    line-height: 20px;
  }
  .case .swiper-slide .case-slide-content .case-slide-content-text {
    line-height: 18px;
    font-size: 14px;
    max-height: 90px;
  }
  .case .swiper-slide .case-slide-content .case-slide-img {
    width: 30px;
    height: 30px;
  }
  .footer-left {
    width: 100%;
  }
  .footer-right {
    display: none;
  }
  .footer-left-center {
    margin: 20px 0;
  }
  .footer-left-center .footer-fl {
    font-size: 12px;
  }
  .footer-left-center .footer-bl {
    font-size: 12px;
  }
  .footer-left-btm {
    font-size: 12px;
  }
  .english {
    font-size: 16px;
  }
  .ch-title {
    font-size: 30px;
  }
  .culture {
    padding: 50px 0;
  }
  .culture .culture-right-btm-item .item-1 {
    font-size: 20px;
  }
  .culture .culture-right-btm-item .item-2 {
    font-size: 13px;
  }
  .culture .culture-right-btm-item {
    margin-top: 15px;
  }
  .company-val .val-btm .val-btm-item {
    width: 100%;
  }
  .case-box .case-text {
    font-size: 28px !important;
    line-height: 40px !important;
  }
  .case-box .case-title {
    font-size: 18px !important;
  }
  /* .bread .case-nav {
    width: 100px;
    overflow-x: auto;
  } */
  .bread .case-nav .case-nav-item {
    flex-shrink: 0;
    font-size: 20px;
    margin-left: 20px;
    padding: 20px 0;
  }
  .bread .case-nav::-webkit-scrollbar {
    display: none;
  }
  .team-content .team-content-item .team-content-item-title {
    font-size: 18px;
  }
  .team-content .team-content-item {
    width: 47%;
  }
  .concant-content .contact-wrapper {
    flex-direction: column-reverse;
  }
  .concant-content .contact-wrapper .form-box {
    width: 100%;
  }
  .concant-content .contact-wrapper .contact-box {
    width: 100%;
  }
  .case-detail-btm .case-detail-btm-ll {
    width: 250px;
  }
  .case-detail-btm .case-detail-btm-rr {
    width: 250px;
  }
  .case-description .case-desc-top .case-desc-top-end {
    font-size: 18px;
  }
  .news-detail .container .flex {
    flex-wrap: wrap;
  }
  .news-detail-left {
    width: 100%;
  }
  .news-detail-right {
    width: 100%;
  }
  .news-detail-right .news-detail-right-btm .news-detail-right-btm-list {
    justify-content: space-evenly;
  }
  .case .swiper-slide .case-slide-content {
    height: 230px;
    transform: translateY(230px);
  }
}
@media screen and (max-width: 768px) {
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 4px;
  }
  .swiper-pagination-bullet {
    width: 8px;
    height: 4px;
  }
  .swiper-pagination-bullet-active {
    width: 16px;
  }
  .sclliner-max {
    height: 400px;
  }
  .sclliner-max-totie {
    font-size: 16px;
  }
  .viode {
    padding-bottom: 30px;
  }
  .viode-totie-right {
    font-size: 24px;
    padding: 160px 0 14px;
  }
  .viode-totie-botem {
    font-size: 16px;
  }
  .viode-max {
    margin-top: 30px;
  }
  .viode-max-bos-buf {
    min-height: auto;
  }
  .cooperation-about {
    display: none;
  }
  .advantage-totie {
    padding-top: 20px;
  }
  .advantage-totie-up {
    font-size: 14px;
  }
  .advantage-totie-botem {
    font-size: 20px;
  }
  .advantage-list {
    margin-top: 10px;
  }
  .advantage-list-max-left-up-title {
    font-size: 16px;
  }
  .advantage-list-max-left-up-num {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
  }
  .advantage-list-max-left {
    height: auto;
  }
  .advantage-list-max-left-text {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
  }
  .advantage {
    padding-bottom: 10px;
  }
  .plant-top {
    flex-wrap: wrap;
    margin: 20px 0;
  }
  .plant-top-left {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
  }
  .plant-top-right {
    width: 100%;
    margin: 0 20px;
    line-height: 24px !important;
  }
  .plant-btm {
    flex-wrap: wrap;
    margin: 20px 0;
  }
  .plant-btm-left {
    width: 100%;
    margin-bottom: 20px;
    min-height: auto;
    padding: 20px;
  }
  .plant-btm-one {
    font-size: 16px;
  }
  .plant-btm-two {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
  }
  .case {
    padding: 30px 0;
  }
  .case-xs-list {
    display: flex;
    flex-direction: column;
    margin: 20px;
  }
  .case-xs-list-item {
    width: 100%;
    background-color: #f8f8f8;
    padding: 20px;
    margin: 10px 0;
    display: block;
  }
  .case-xs-list-item .case-slide-content-title {
    color: #232323;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    margin-top: 10px;
  }
  .case-xs-list-item .case-slide-content-text {
    color: #565656;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin: 10px 0;
  }
  .case-xs-list-item .case-slide-img {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .english {
    font-size: 14px;
  }
  .ch-title {
    font-size: 20px;
  }
  .dynamic {
    padding: 20px 0;
  }
  .dynamic-list-item-title {
    font-size: 16px;
    line-height: 20px;
  }
  .dynamic-list-item-text {
    font-size: 12px;
    line-height: 24px;
    margin: 10px 0;
  }
  .dynamic-list-item-btm-time {
    font-size: 12px;
  }
  .dynamic-list {
    margin-top: 24px;
  }
  .dynamic-list-item {
    min-height: auto;
  }
  .footer-right {
    display: none;
  }
  .footer-left {
    width: 100%;
  }
  .footer-left-center {
    margin: 0 0 10px;
  }
  .footer-nav {
    font-size: 12px;
    width: 23%;
    margin-bottom: 10px;
  }
  .footer-left-top {
    flex-wrap: wrap;
  }
  pre.footer-fl {
    display: flex;
    flex-wrap: wrap;
  }
  pre.footer-fl span {
    width: 50%;
    margin: 0;
  }
  .culture .container .flex {
    flex-direction: column;
  }
  .culture .culture-left {
    width: 76%;
  }
  .culture {
    padding: 15px 0;
  }
  .culture .culture-right {
    width: 90%;
  }
  .culture .culture-right-btm-item .item-1 {
    font-size: 18px;
  }
  .culture .culture-right-btm-item .item-2 {
    font-size: 12px;
    line-height: 16px;
  }
  .culture .culture-right-btm-item {
    width: 46%;
    margin-top: 10px;
  }
  .culture-right-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .company-val {
    padding: 24px 0;
  }
  .company-val .val-top {
    margin-bottom: 34px;
  }
  .company-val .val-btm .val-btm-item .val-btm-item-item-1 {
    font-size: 13px;
  }
  .company-val .val-btm .val-btm-item {
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .company-val .val-btm .val-btm-item .val-btm-item-item-2 {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: 2px;
    top: 2px;
    color: #d61718;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    padding: 5px;
  }
  .company-val .val-btm .val-btm-item:nth-child(2n) .val-btm-item-item-2 {
    right: auto;
    left: 2px;
  }
  .case-box .case-text {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .case-box .case-title {
    font-size: 12px !important;
  }
  .bussiness {
    padding: 30px 0;
  }
  .bussiness .bussiness-top-h1 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .bussiness .bussiness-top-h2 {
    font-size: 14px;
  }
  .bussiness .bussiness-btm {
    margin-top: 20px;
  }
  .bussiness .bussiness-btm span {
    font-size: 12px !important;
  }
  .bread .case-nav .case-nav-item {
    font-size: 12px;
    margin-left: 10px;
  }
  .case-content {
    padding: 30px 0;
  }
  .case-top .case-top-item {
    width: 100%;
    margin-bottom: 28px;
  }
  .case-top .case-top-item .case-top-item-center-title {
    font-size: 14px;
  }
  .case-top .case-top-item-btm {
    font-size: 12px;
    line-height: 16px;
  }
  .dynamic-swiper {
    margin-bottom: 20px;
    flex-wrap: wrap;
    height: auto;
  }
  .dynamic-swiper .swiper {
    width: 100%;
  }
  .dynamic-swiper .news-dynamic-context {
    width: 100%;
    height: 200px;
  }
  .dynamic-swiper .news-dynamic-context .news-date {
    font-size: 15px;
  }
  .dynamic-swiper .news-dynamic-context .news-title {
    font-size: 16px;
  }
  .dynamic-swiper .news-dynamic-context .news-content {
    line-height: 20px;
    font-size: 12px;
  }
  .dynamic-swiper .news-dynamic-context .news-cats .news-cats-img {
    width: 24px;
    height: 24px;
  }
  .dynamic-swiper .news-dynamic-context .news-cats > span {
    font-size: 14px;
  }
  .team-content {
    padding: 30px 0;
  }
  .team-content .team-content-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .team-content .team-content-item .team-content-item-title {
    font-size: 16px;
  }
  .concant-content {
    padding: 30px 0;
  }
  .concant-content .concant-top {
    height: 250px;
  }
  .concant-content .contact-wrapper {
    margin-top: 20px;
  }
  .concant-content .contact-wrapper .contact-box {
    padding: 20px 20px 0;
  }
  .concant-content .contact-wrapper .contact-box h3 {
    font-size: 20px;
  }
  .concant-content .contact-wrapper .contact-box > p {
    font-size: 12px;
    line-height: 1.6;
  }
  .concant-content
    .contact-wrapper
    .contact-box
    .contact-list
    .contact-item
    .contact-info
    p {
    font-size: 12px;
    line-height: 1.4;
  }
  .concant-content
    .contact-wrapper
    .contact-box
    .contact-list
    .contact-item
    .contact-info
    .tit {
    font-size: 14px;
  }
  .concant-content .contact-wrapper .contact-box .contact-list .contact-item {
    margin-bottom: 20px;
  }
  .concant-content
    .contact-wrapper
    .contact-box
    .contact-list
    .contact-item
    .icon-wrap {
    min-width: unset;
    width: 40px;
  }
  .concant-content .contact-wrapper .form-box h3 {
    margin: 15px 0;
    font-size: 25px;
  }
  .concant-content .contact-wrapper .form-box > p {
    font-size: 16px;
  }
  .concant-content .contact-wrapper .form-box .form-wrapper .form-item {
    margin-bottom: 24px;
    font-size: 12px;
    padding-bottom: 16px;
  }
  .concant-content
    .contact-wrapper
    .form-box
    .form-wrapper
    .form-item
    textarea {
    height: 60px;
  }
  .concant-content .contact-wrapper .form-box .form-wrapper button {
    font-size: 16px;
    width: 100%;
    height: 40px;
    border-radius: 20px;
  }
  .case-detail-btm .case-detail-btm-ll {
    width: 45%;
  }
  .case-detail-btm .case-detail-btm-rr {
    width: 45%;
  }
  .case-description {
    padding: 30px 0;
  }
  .case-description .case-desc-top .case-desc-top-title {
    font-size: 16px;
  }
  .case-description .case-desc-top .case-desc-top-end {
    font-size: 12px;
    margin: 10px 0;
  }
  .case-detail-btm .case-detail-btm-rr span {
    font-size: 12px;
  }
  .case-detail-btm .case-detail-btm-ll span {
    font-size: 12px;
  }
  .case-detail-btm {
    padding: 10px 0;
  }
  .case-detail {
    padding-bottom: 20px;
  }
  .bread .breadcrumb {
    padding: 20px 10px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .news-detail {
    padding: 30px 0;
  }
  .news-detail-right .news-detail-right-top-title span {
    font-size: 16px;
  }
  .news-detail-right
    .news-detail-right-btm
    .news-detail-right-btm-list
    .item
    .item-title {
    font-size: 16px;
    line-height: 20px;
  }
  .news-detail-right
    .news-detail-right-btm
    .news-detail-right-btm-list
    .item
    .item-date {
    font-size: 16px;
  }
  .news-detail-right .news-detail-right-btm .news-detail-right-btm-list {
    padding: 10px 0;
  }
  .news-detail-right {
    padding: 20px;
    display: none;
  }
  .news-detail-left .news-detail-left-top h3 {
    font-size: 16px;
  }
  .news-detail-left .news-detail-left-top p {
    font-size: 16px;
    margin-top: 10px;
  }
  .news-detail-left .news-detail-left-cen span {
    font-size: 12px !important;
  }
  .news-detail-left-btm .news-detail-left-btm-ll span {
    font-size: 12px;
  }
  .news-detail-left-btm .news-detail-left-btm-rr span {
    font-size: 12px;
  }
  .news-detail-left .news-detail-left-btm {
    padding: 10px 0;
  }
  .about .cooperation-about {
    display: block;
  }
  .about .cooperation-about > img {
    display: none;
  }
  .cooperation-about .us {
    position: static;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 20px;
  }
  .cooperation-about .us-top-one {
    margin-bottom: 5px;
  }
  .cooperation-about .us-btm-item-top {
    margin-bottom: 5px;
  }
  .cooperation-about .us-center {
    line-height: 1.6;
    font-size: 12px;
  }
}